<template>
  <a-card :bordered="false">


    <!-- 操作按钮区域 -->
    <!--    <div class="table-operator">-->
    <!--      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->
    <!--      <a-button type="primary" icon="download" @click="handleExportXls('推广员配置')">导出</a-button>-->
    <!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">-->
    <!--        <a-button type="primary" icon="import">导入</a-button>-->
    <!--      </a-upload>-->
    <!--      <a-dropdown v-if="selectedRowKeys.length > 0">-->
    <!--        <a-menu slot="overlay">-->
    <!--          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>-->
    <!--        </a-menu>-->
    <!--        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>-->
    <!--      </a-dropdown>-->
    <!--    </div>-->

    <!-- table区域-begin -->
    <div>
      <!--      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">-->
      <!--        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项-->
      <!--        <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
      <!--      </div>-->

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        class="j-table-force-nowrap"
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
        @change="handleTableChange">

        <span slot="action" slot-scope="text, record">
          <a @click="handleEdit(record)">编辑</a>

          <a-divider type="vertical" />
          <!--          <a-dropdown>-->
          <!--            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>-->
          <!--            <a-menu slot="overlay">-->
          <!--              <a-menu-item>-->
          <!--                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">-->
          <!--                  <a>删除</a>-->
          <!--                </a-popconfirm>-->
          <!--              </a-menu-item>-->
          <!--            </a-menu>-->
          <!--          </a-dropdown>-->
        </span>

      </a-table>
    </div>
    <!-- table区域-end -->

    <!-- 表单区域 -->
    <xhdjUserSalesmanWithdrawConfig-modal ref="modalForm" @ok="modalFormOk"></xhdjUserSalesmanWithdrawConfig-modal>
  </a-card>
</template>

<script>
import '@/assets/less/TableExpand.less'
import XhdjUserSalesmanWithdrawConfigModal from './modules/XhdjUserSalesmanWithdrawConfigModal'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'

export default {
  name: 'XhdjUserSalesmanWithdrawConfigList',
  mixins: [JeecgListMixin],
  components: {
    XhdjUserSalesmanWithdrawConfigModal
  },
  data() {
    return {
      withdrawType: {
        0: '支付宝',
        1: '银行卡',
        2: '银行卡||支付宝'
      },

      description: '推广员配置管理页面',
      // 表头
      columns: [
        {
          title: '提现类型',
          align: 'center',
          dataIndex: 'withdrawType',
          customRender: (text, record) => {
            return this.withdrawType[record.withdrawType]
          }
        },
        {
          title: '提现最小金额',
          align: 'center',
          dataIndex: 'withdrawMinAmount',
          customRender: (text, record) => {
            return record.withdrawMinAmount + '元'
          }
        },
        {
          title: '提现日',
          align: 'center',
          dataIndex: 'day',
          customRender: (text, record) => {
            return record.day + '号'
          }
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
          scopedSlots: { customRender: 'action' }
        }
      ],
      url: {
        list: '/user/xhdjUserSalesmanWithdrawConfig/list',
        delete: '/user/xhdjUserSalesmanWithdrawConfig/delete',
        deleteBatch: '/user/xhdjUserSalesmanWithdrawConfig/deleteBatch',
        exportXlsUrl: 'user/xhdjUserSalesmanWithdrawConfig/exportXls',
        importExcelUrl: 'user/xhdjUserSalesmanWithdrawConfig/importExcel'
      }
    }
  },
  computed: {
    importExcelUrl: function() {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    }
  },
  methods: {}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>